<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title111</title>
</head>
<body>
<script>

    //1.创建XMLHttpRequest（XHR）核心对象，用于和服务器进行数据交互
    var xhttp;
    if (window.XMLHttpRequest) {
        // 用于现代浏览器的代码
        xhttp = new XMLHttpRequest();
    } else {
        // 应对老版本 IE 浏览器的代码
        xhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    //2.发送请求
    /**
     method：请求的类型：GET 还是 POST
     url：服务器（文件）位置
     async：true（异步）或 false（同步）
     */

    //建立连接
    xhttp.open("GET", "http://localhost:8080/Ajax-demo/AjaxServlet",true);
    //发送请求
    xhttp.send();

    //3.获取数据
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            // 通过 this.responseText 可以获取到服务端响应的数据
            alert(this.responseText);
        }
    };


</script>

</body>
</html>